import React from 'react'
import '../css/home.css'



class Home extends React.Component{
    constructor(props){
      super();
      this.state={
        
          list: [{
                  "_id": "59f087ef11945e2760c852dd",
                  "title": "笔记本电脑",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 2346,
                  "old_price": "4000",
                  "pic": "http://jd.itying.com/upload/Hfe1i8QDOkfVt-PuGcxCA0fs.jpg",
                  "s_pic": "http://jd.itying.com/upload/Hfe1i8QDOkfVt-PuGcxCA0fs.jpg_200x200.jpg"
              },
              {
                  "_id": "59f6a2d27ac40b223cfdcf81",
                  "title": "乐扣乐扣(lock&lock)菲特旋转盖轻量杯",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": "2001",
                  "old_price": "2001",
                  "pic": "http://jd.itying.com/upload/iPrQ_-r43nGjFyxYXiMZWTM6.jpg",
                  "s_pic": "http://jd.itying.com/upload/iPrQ_-r43nGjFyxYXiMZWTM6.jpg_200x200.jpg"
              },
              {
                  "_id": "5a012cba64604635f4a2eae0",
                  "title": "小米 红米5A 全网通版 2GB+16GB 香槟金",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 599,
                  "old_price": "599.00",
                  "pic": "http://jd.itying.com/upload/NkuiIr9puaI7cSxZHfz8UYOT.jpg",
                  "s_pic": "http://jd.itying.com/upload/NkuiIr9puaI7cSxZHfz8UYOT.jpg_200x200.jpg"
              },
              {
                  "_id": "5a0425bc010e711234661439",
                  "title": "磨砂牛皮男休闲鞋-有属性",
                  "cid": "59f1e1e880e7ed050cec999d",
                  "price": "688",
                  "old_price": "368",
                  "pic": "http://jd.itying.com/upload/RinsvExKu7Ed-ocs_7W1DxYO.png",
                  "s_pic": "http://jd.itying.com/upload/RinsvExKu7Ed-ocs_7W1DxYO.png_200x200.png"
              },
              {
                  "_id": "5a042682010e71123466143b",
                  "title": "2V341DD7低靴皮带扣细跟中跟鞋",
                  "cid": "59f1e1e880e7ed050cec999d",
                  "price": 188,
                  "old_price": "888",
                  "pic": "http://jd.itying.com/upload/cPvPwUACxcco6PYXWwhSrkPN.png",
                  "s_pic": "http://jd.itying.com/upload/cPvPwUACxcco6PYXWwhSrkPN.png_200x200.png"
              },
              {
                  "_id": "5a042702010e71123466143c",
                  "title": "茵曼2017冬装新款棒球罗纹领落肩袖丝绒保暖棉衣外套女",
                  "cid": "5a0424b8010e711234661437",
                  "price": 399,
                  "old_price": "1199",
                  "pic": "http://jd.itying.com/upload/cRiODeTtSNgcknvzi2rNLq4k.png",
                  "s_pic": "http://jd.itying.com/upload/cRiODeTtSNgcknvzi2rNLq4k.png_200x200.png"
              },
              {
                  "_id": "5a042aa3010e71123466143d",
                  "title": "MOCO2017冬季新品翻毛领中长款纯棉牛仔外套厚款",
                  "cid": "59f1e4659bfd8f3bd030eed3",
                  "price": 1999,
                  "old_price": "1999",
                  "pic": "http://jd.itying.com/upload/dTGwzmlZEDu7dHpTjnMuaEPf.png",
                  "s_pic": "http://jd.itying.com/upload/dTGwzmlZEDu7dHpTjnMuaEPf.png_200x200.png"
              },
              {
                  "_id": "5a042b3b010e71123466143e",
                  "title": "卡姿兰（Carslan）蜗牛气垫调控霜礼盒装 ",
                  "cid": "59f1e47e9bfd8f3bd030eed5",
                  "price": 198,
                  "old_price": "198",
                  "pic": "http://jd.itying.com/upload/egpzY5yUU59OAIC_D_SDj0oz.png",
                  "s_pic": "http://jd.itying.com/upload/egpzY5yUU59OAIC_D_SDj0oz.png_200x200.png"
              },
              {
                  "_id": "5a042c11010e71123466143f",
                  "title": "兰芝（LANEIGE）小白光气垫BB礼盒",
                  "cid": "59f1e47e9bfd8f3bd030eed5",
                  "price": 325,
                  "old_price": "355",
                  "pic": "http://jd.itying.com/upload/p4v7HaOPIRrfBCETM7Juv2y9.png",
                  "s_pic": "http://jd.itying.com/upload/p4v7HaOPIRrfBCETM7Juv2y9.png_200x200.png"
              },
              {
                  "_id": "5a042c65010e711234661440",
                  "title": "暗影精灵III代 15.6英寸游戏笔记本电脑",
                  "cid": "59f1e4659bfd8f3bd030eed3",
                  "price": 5999,
                  "old_price": "8999",
                  "pic": "http://jd.itying.com/upload/wqdy5XSwZJ8Wkp1FNFM6LGk5.png",
                  "s_pic": "http://jd.itying.com/upload/wqdy5XSwZJ8Wkp1FNFM6LGk5.png_200x200.png"
              },
              {
                  "_id": "5a042d30010e711234661441",
                  "title": "女士尼龙双肩背包 ",
                  "cid": "5a04251e010e711234661438",
                  "price": 3000,
                  "old_price": "3000",
                  "pic": "http://jd.itying.com/upload/O7zzbbXDDZH-RTiQ5WlJHBFn.png",
                  "s_pic": "http://jd.itying.com/upload/O7zzbbXDDZH-RTiQ5WlJHBFn.png_200x200.png"
              },
              {
                  "_id": "5a042dae010e711234661442",
                  "title": "瑞士军刀威戈（Wenger）拉杆箱登机箱旅行箱",
                  "cid": "5a04251e010e711234661438",
                  "price": 289,
                  "old_price": "389",
                  "pic": "http://jd.itying.com/upload/H3ofL2YlTl2ooMkjFJrhHWQx.png",
                  "s_pic": "http://jd.itying.com/upload/H3ofL2YlTl2ooMkjFJrhHWQx.png_200x200.png"
              },
              {
                  "_id": "5a042ea7010e711234661444",
                  "title": "费雪（Fisher Price） 多功能早教启智玩具 声光狮子手推车学步车",
                  "cid": "5a042e29010e711234661443",
                  "price": 88,
                  "old_price": "188",
                  "pic": "http://jd.itying.com/upload/KqOpb7U4Exk-K3OmNweMkTNS.png",
                  "s_pic": "http://jd.itying.com/upload/KqOpb7U4Exk-K3OmNweMkTNS.png_200x200.png"
              },
              {
                  "_id": "5a042eff010e711234661445",
                  "title": "澳贝（AUBY） 益智玩具 乖乖小鸭 运动爬行婴幼儿童早教启智声光玩具",
                  "cid": "5a042e29010e711234661443",
                  "price": 88,
                  "old_price": "108",
                  "pic": "http://jd.itying.com/upload/ouJ2Ko8Y3fzaVBqhNp284ntA.png",
                  "s_pic": "http://jd.itying.com/upload/ouJ2Ko8Y3fzaVBqhNp284ntA.png_200x200.png"
              },
              {
                  "_id": "5a042fa4010e711234661447",
                  "title": "良品铺子 零食大礼包组合一整箱",
                  "cid": "5a042f27010e711234661446",
                  "price": 75,
                  "old_price": "88",
                  "pic": "http://jd.itying.com/upload/aZiSoT5NZ4n454ipYZqLgsr8.png",
                  "s_pic": "http://jd.itying.com/upload/aZiSoT5NZ4n454ipYZqLgsr8.png_200x200.png"
              },
              {
                  "_id": "5a042ff9010e711234661448",
                  "title": "16盒装】蒙牛 特仑苏 纯牛奶 ",
                  "cid": "5a042f27010e711234661446",
                  "price": 65,
                  "old_price": "85",
                  "pic": "http://jd.itying.com/upload/1V2TUMNpXuH6WkgEma9pSkQJ.png",
                  "s_pic": "http://jd.itying.com/upload/1V2TUMNpXuH6WkgEma9pSkQJ.png_200x200.png"
              },
              {
                  "_id": "5a043061010e711234661449",
                  "title": "水井坊 臻酿八號 ",
                  "cid": "5a042f27010e711234661446",
                  "price": 118,
                  "old_price": "339",
                  "pic": "http://jd.itying.com/upload/18s-6j6E0lWogcW3mJ4C41iv.png",
                  "s_pic": "http://jd.itying.com/upload/18s-6j6E0lWogcW3mJ4C41iv.png_200x200.png"
              },
              {
                  "_id": "5a043183010e71123466144a",
                  "title": "筱姿秋之礼赞2017冬季新款女装复古绣花羽绒服毛领连帽中长款外套 ",
                  "cid": "59f1e5019bfd8f3bd030eeda",
                  "price": 688,
                  "old_price": "888",
                  "pic": "http://jd.itying.com/upload/Dis4macgQjbtEzWNVxPl_mhE.png",
                  "s_pic": "http://jd.itying.com/upload/Dis4macgQjbtEzWNVxPl_mhE.png_200x200.png"
              },
              {
                  "_id": "5a043203010e71123466144b",
                  "title": "Apple iPhone 6 32GB 金色 移动联通电信4G手机 ",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 2299,
                  "old_price": "2999",
                  "pic": "http://jd.itying.com/upload/GVu15BYjiMbP8O2Gyq5XRADr.png",
                  "s_pic": "http://jd.itying.com/upload/GVu15BYjiMbP8O2Gyq5XRADr.png_200x200.png"
              },
              {
                  "_id": "5a0432f4010e71123466144c",
                  "title": "八匹狼羽绒服男--有属性",
                  "cid": "59f1e4f49bfd8f3bd030eed9",
                  "price": "288",
                  "old_price": "588",
                  "pic": "http://jd.itying.com/upload/agbBbaTUWBnWD7pYQOyJsNgJ.png",
                  "s_pic": "http://jd.itying.com/upload/agbBbaTUWBnWD7pYQOyJsNgJ.png_200x200.png"
              },
              {
                  "_id": "5a07eeeaad8b300e28e2feb5",
                  "title": "机械革命(MECHREVO)深海泰坦X6Ti-S(黑曜金)15.6英寸游戏笔记本",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 5799,
                  "old_price": "5899",
                  "pic": "http://jd.itying.com/upload/bYm5SiQ0tUcNlWzksm8XsO73.jpg",
                  "s_pic": "http://jd.itying.com/upload/bYm5SiQ0tUcNlWzksm8XsO73.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07ef1fad8b300e28e2feb6",
                  "title": "联想(Lenovo)拯救者R720 15.6英寸游戏笔记本电脑",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 5345,
                  "old_price": "5345",
                  "pic": "http://jd.itying.com/upload/4i2vxChhbbz2qJMYEUGWw8g_.jpg",
                  "s_pic": "http://jd.itying.com/upload/4i2vxChhbbz2qJMYEUGWw8g_.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07ef41ad8b300e28e2feb7",
                  "title": "华硕(ASUS) 飞行堡垒三代FX60VM GTX1060 15.6英寸游戏笔记本电脑",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 5699,
                  "old_price": "5699",
                  "pic": "http://jd.itying.com/upload/09-yRFS8J97pZ3awPOzYWY2q.jpg",
                  "s_pic": "http://jd.itying.com/upload/09-yRFS8J97pZ3awPOzYWY2q.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07ef64ad8b300e28e2feb8",
                  "title": "神舟（HASEE）战神K650D-G4D2 15.6英寸游戏笔记本电脑",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 0,
                  "old_price": "",
                  "pic": "http://jd.itying.com/upload/iG8QZV0x7Thh8ZFKA3bCTER5.jpg",
                  "s_pic": "http://jd.itying.com/upload/iG8QZV0x7Thh8ZFKA3bCTER5.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07ef8aad8b300e28e2feb9",
                  "title": "神舟（HASEE）战神Z7M-SL7 15.6英寸游戏本笔记本电",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 4299,
                  "old_price": "4344",
                  "pic": "http://jd.itying.com/upload/2xieMP7lbTLimlYa0EUSIigx.jpg",
                  "s_pic": "http://jd.itying.com/upload/2xieMP7lbTLimlYa0EUSIigx.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07efc3ad8b300e28e2feba",
                  "title": "微星(MSI)GL62VR 7RFX-848CN 15.6英寸游戏本",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 6456,
                  "old_price": "7456",
                  "pic": "http://jd.itying.com/upload/_mqz5JqsZEjnrh7Qui3KfOOO.jpg",
                  "s_pic": "http://jd.itying.com/upload/_mqz5JqsZEjnrh7Qui3KfOOO.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07efe9ad8b300e28e2febb",
                  "title": "戴尔DELL灵越游匣Master15-R4645R 15.6英寸游戏笔记本电脑",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 5677,
                  "old_price": "6778",
                  "pic": "http://jd.itying.com/upload/YUv6N37Lriv7QK7WePQmyz-u.jpg",
                  "s_pic": "http://jd.itying.com/upload/YUv6N37Lriv7QK7WePQmyz-u.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07f011ad8b300e28e2febc",
                  "title": "神舟（HASEE）战神Z7M-KP7G1 15.6英寸游戏本笔记本电脑",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 6663,
                  "old_price": "7663",
                  "pic": "http://jd.itying.com/upload/iOObZ75SvqV3JKwULSs7DnYO.jpg",
                  "s_pic": "http://jd.itying.com/upload/iOObZ75SvqV3JKwULSs7DnYO.jpg_200x200.jpg"
              },
              {
                  "_id": "5a07f054ad8b300e28e2febd",
                  "title": "联想（ThinkPad） E470c（20H3A004CD）14英寸笔记本电",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 6767,
                  "old_price": "6767",
                  "pic": "http://jd.itying.com/upload/hPQJXweHzPk0nbB2o0OhsGI5.jpg",
                  "s_pic": "http://jd.itying.com/upload/hPQJXweHzPk0nbB2o0OhsGI5.jpg_200x200.jpg"
              },
              {
                  "_id": "5a0806baad8b300e28e2febe",
                  "title": "hinkPad） E470c（20H3A004CD）14英寸笔记本电",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 3456,
                  "old_price": "4567",
                  "pic": "http://jd.itying.com/upload/uH6ri64DPLn_Vyv3QhCWZ0W4.png",
                  "s_pic": "http://jd.itying.com/upload/uH6ri64DPLn_Vyv3QhCWZ0W4.png_200x200.png"
              },
              {
                  "_id": "5a0806ccad8b300e28e2febf",
                  "title": "hinkPad） E470c（20H3A004CD）14英寸笔记本电",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 0,
                  "old_price": "",
                  "pic": "http://jd.itying.com/upload/a5fx6fWx5Ul-Zv1n0Xpm13Uz.png",
                  "s_pic": "http://jd.itying.com/upload/a5fx6fWx5Ul-Zv1n0Xpm13Uz.png_200x200.png"
              },
              {
                  "_id": "5a080866ad8b300e28e2fec0",
                  "title": "联想(Lenovo)拯救者R720 15.6英寸游戏笔记本电脑2",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 0,
                  "old_price": "",
                  "pic": "http://jd.itying.com/upload/aIRm0qltMl7jD8VIHQqkYEMG.png",
                  "s_pic": "http://jd.itying.com/upload/aIRm0qltMl7jD8VIHQqkYEMG.png_200x200.png"
              },
              {
                  "_id": "5a080a05ad8b300e28e2fec1",
                  "title": "小米 红米Note5A 全网通版 2GB+16GB 香槟金 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 688,
                  "old_price": "688",
                  "pic": "http://jd.itying.com/upload/1X_pUZmj8jQrVrWeiRtoa4Zx.jpg",
                  "s_pic": "http://jd.itying.com/upload/1X_pUZmj8jQrVrWeiRtoa4Zx.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080a27ad8b300e28e2fec2",
                  "title": "Apple iPhone 6 32GB 金色 移动联通电信",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 2599,
                  "old_price": "2599",
                  "pic": "http://jd.itying.com/upload/zlfMglPBGbKBQYHCim8OAqLx.jpg",
                  "s_pic": "http://jd.itying.com/upload/zlfMglPBGbKBQYHCim8OAqLx.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080a45ad8b300e28e2fec3",
                  "title": "小米MIX2 全网通 6GB+64GB 黑色 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 789,
                  "old_price": "888",
                  "pic": "http://jd.itying.com/upload/1p7ZZkChKE1orn1vNmxX0cxe.jpg",
                  "s_pic": "http://jd.itying.com/upload/1p7ZZkChKE1orn1vNmxX0cxe.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080a5bad8b300e28e2fec4",
                  "title": "OPPO R11 全网通4G+64G 双卡双待手机 玫瑰金色",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 0,
                  "old_price": "",
                  "pic": "http://jd.itying.com/upload/eTNWwXO9mlobw4kBHrUWqxzU.jpg",
                  "s_pic": "http://jd.itying.com/upload/eTNWwXO9mlobw4kBHrUWqxzU.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080a7dad8b300e28e2fec5",
                  "title": "荣耀9 全网通 标配版 4GB+64GB 魅海蓝 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 2354,
                  "old_price": "2354",
                  "pic": "http://jd.itying.com/upload/dtolmlMtXDua6ogKOPuNN5JB.jpg",
                  "s_pic": "http://jd.itying.com/upload/dtolmlMtXDua6ogKOPuNN5JB.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080a9fad8b300e28e2fec6",
                  "title": "荣耀 畅玩6X 4GB 32GB 全网通4G手机 高配版 玫瑰金",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 789,
                  "old_price": "11111",
                  "pic": "http://jd.itying.com/upload/HSAZYh1vXyzn3kvpso4fs7iT.jpg",
                  "s_pic": "http://jd.itying.com/upload/HSAZYh1vXyzn3kvpso4fs7iT.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080ac5ad8b300e28e2fec7",
                  "title": "三星 Galaxy S7 edge（G9350）4GB+32GB 铂光金 移动联通电信4G手机",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 1233,
                  "old_price": "1322",
                  "pic": "http://jd.itying.com/upload/SesgdVtaD0RzW2B5NKXcTmEK.jpg",
                  "s_pic": "http://jd.itying.com/upload/SesgdVtaD0RzW2B5NKXcTmEK.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080afdad8b300e28e2fec8",
                  "title": "Apple iPhone 8 Plus (A1864) 64GB 金色 移动联通电信4G手机",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 7544,
                  "old_price": "9121",
                  "pic": "http://jd.itying.com/upload/5tM8fRNxwiwPHwuumv4_4pAN.jpg",
                  "s_pic": "http://jd.itying.com/upload/5tM8fRNxwiwPHwuumv4_4pAN.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080b2ead8b300e28e2fec9",
                  "title": "小米Max2 全网通 4GB+64GB 金色 移动联通电信4G手机 双卡双待 6.44英寸大",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 980,
                  "old_price": "1211",
                  "pic": "http://jd.itying.com/upload/e7Z7qLeDpyFjNZMF2Ke1aiTE.jpg",
                  "s_pic": "http://jd.itying.com/upload/e7Z7qLeDpyFjNZMF2Ke1aiTE.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080b4ead8b300e28e2feca",
                  "title": "荣耀8 4GB+64GB 全网通4G手机",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 1600,
                  "old_price": "1700",
                  "pic": "http://jd.itying.com/upload/_5BY2tJyuKXIkmOxaKAXIXUt.jpg",
                  "s_pic": "http://jd.itying.com/upload/_5BY2tJyuKXIkmOxaKAXIXUt.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080b70ad8b300e28e2fecb",
                  "title": "小米Note3 全网通 6GB+64GB 黑色 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 2199,
                  "old_price": "2200",
                  "pic": "http://jd.itying.com/upload/wxywaZd4RyKXXAP_cLa1OQaZ.jpg",
                  "s_pic": "http://jd.itying.com/upload/wxywaZd4RyKXXAP_cLa1OQaZ.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080b8fad8b300e28e2fecc",
                  "title": "小米5X 全网通 4GB+64GB 红色 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 1500,
                  "old_price": "1500",
                  "pic": "http://jd.itying.com/upload/GJbaDP1jnfiQ7e7JqrCX8ngd.jpg",
                  "s_pic": "http://jd.itying.com/upload/GJbaDP1jnfiQ7e7JqrCX8ngd.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080babad8b300e28e2fecd",
                  "title": "小米 红米Note4X 全网通版 3GB+32GB 樱花粉 移动联通电信4G手机 5.5”多彩金",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 990,
                  "old_price": "980",
                  "pic": "http://jd.itying.com/upload/Z5MuMJH7T3n0BgzE0Ic64jni.jpg",
                  "s_pic": "http://jd.itying.com/upload/Z5MuMJH7T3n0BgzE0Ic64jni.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080bc8ad8b300e28e2fece",
                  "title": "华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 1200,
                  "old_price": "1200",
                  "pic": "http://jd.itying.com/upload/93_FicDyPQR0_4eK0B7VV2Mz.jpg",
                  "s_pic": "http://jd.itying.com/upload/93_FicDyPQR0_4eK0B7VV2Mz.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080be4ad8b300e28e2fecf",
                  "title": "三星 Galaxy S8（SM-G9500）4GB+64GB 谜夜黑 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 4567,
                  "old_price": "6798",
                  "pic": "http://jd.itying.com/upload/1Ysp57fk4dPHWe07_HCjP5fF.jpg",
                  "s_pic": "http://jd.itying.com/upload/1Ysp57fk4dPHWe07_HCjP5fF.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080c12ad8b300e28e2fed0",
                  "title": "OPPO A57 3GB+32GB内存版 玫瑰金色 全网通4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 2311,
                  "old_price": "12312",
                  "pic": "http://jd.itying.com/upload/U98CzUIZjb_lMDwCx_Ue_OqO.jpg",
                  "s_pic": "http://jd.itying.com/upload/U98CzUIZjb_lMDwCx_Ue_OqO.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080c2ead8b300e28e2fed1",
                  "title": "锤子 坚果Pro 64GB 酒红色 全网通 移动联通电信4G手机 双卡双待 火热抢购中，",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 1456,
                  "old_price": "1468",
                  "pic": "http://jd.itying.com/upload/E8jnbcercoZGdllR3r9QN5aD.jpg",
                  "s_pic": "http://jd.itying.com/upload/E8jnbcercoZGdllR3r9QN5aD.jpg_200x200.jpg"
              },
              {
                  "_id": "5a080c4aad8b300e28e2fed2",
                  "title": "小米 红米 4A 全网通 2GB内存 16GB ROM 香槟金色 移动联通电信4G手机 双卡双待",
                  "cid": "59f1e4919bfd8f3bd030eed6",
                  "price": 678,
                  "old_price": "678",
                  "pic": "http://jd.itying.com/upload/4uN_xCK69oV4vMMJREI_2-HN.jpg",
                  "s_pic": "http://jd.itying.com/upload/4uN_xCK69oV4vMMJREI_2-HN.jpg_200x200.jpg"
              },
              {
                  "_id": "5a687fbf70d8fb0ab4f684d6",
                  "title": "phonegap+ionic+SenchaTouch项目实战视频教程 ",
                  "cid": "5a680a6270d8fb0ab4f6848e",
                  "price": 160,
                  "old_price": "160",
                  "pic": "http://jd.itying.com/upload/FUuFEyLLLdgBjsyLq4g4nlNj.jpg",
                  "s_pic": "http://jd.itying.com/upload/FUuFEyLLLdgBjsyLq4g4nlNj.jpg_200x200.jpg"
              },
              {
                  "_id": "5a687ff470d8fb0ab4f684d7",
                  "title": " Node.js入门到实战项目视频教程",
                  "cid": "5a680a6270d8fb0ab4f6848e",
                  "price": 120,
                  "old_price": "",
                  "pic": "http://jd.itying.com/upload/L8wBAmA58qbDoN7wagKxhI9D.jpg",
                  "s_pic": "http://jd.itying.com/upload/L8wBAmA58qbDoN7wagKxhI9D.jpg_200x200.jpg"
              },
              {
                  "_id": "5a68801e70d8fb0ab4f684d8",
                  "title": "  Node.js+Express视频教程",
                  "cid": "5a680a6270d8fb0ab4f6848e",
                  "price": 38,
                  "old_price": "38",
                  "pic": "http://jd.itying.com/upload/FAjBWlWs7BvhlyppPfpjD47N.jpg",
                  "s_pic": "http://jd.itying.com/upload/FAjBWlWs7BvhlyppPfpjD47N.jpg_200x200.jpg"
              },
              {
                  "_id": "5a68805070d8fb0ab4f684d9",
                  "title": "Vue全栈视频教程",
                  "cid": "5a680a6270d8fb0ab4f6848e",
                  "price": 36,
                  "old_price": "46",
                  "pic": "http://jd.itying.com/upload/B8Q0KhKdFUtfbfilF8g0L658.jpg",
                  "s_pic": "http://jd.itying.com/upload/B8Q0KhKdFUtfbfilF8g0L658.jpg_200x200.jpg"
              },
              {
                  "_id": "5a68808070d8fb0ab4f684da",
                  "title": "  Ionic3.x Cordova Angular4 Nodejs",
                  "cid": "5a680a6270d8fb0ab4f6848e",
                  "price": 218,
                  "old_price": "218",
                  "pic": "http://jd.itying.com/upload/9Zai7FEKS7p2SKKMo7XUtamZ.jpg",
                  "s_pic": "http://jd.itying.com/upload/9Zai7FEKS7p2SKKMo7XUtamZ.jpg_200x200.jpg"
              },
              {
                  "_id": "5a6880ab70d8fb0ab4f684db",
                  "title": "Yii2入门基础视频教程",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 80,
                  "old_price": "80",
                  "pic": "http://jd.itying.com/upload/kVwiJAKpbI-phVW1GHFkiKQl.jpg",
                  "s_pic": "http://jd.itying.com/upload/kVwiJAKpbI-phVW1GHFkiKQl.jpg_200x200.jpg"
              },
              {
                  "_id": "5a6880d270d8fb0ab4f684dc",
                  "title": "ThinkPhP V5.0视频教程",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 124,
                  "old_price": "124",
                  "pic": "http://jd.itying.com/upload/4nc_IES_Ci5boYSUNZQtPN6u.jpg",
                  "s_pic": "http://jd.itying.com/upload/4nc_IES_Ci5boYSUNZQtPN6u.jpg_200x200.jpg"
              },
              {
                  "_id": "5a6880f770d8fb0ab4f684dd",
                  "title": "Egg.js视频教程",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 5,
                  "old_price": "5",
                  "pic": "http://jd.itying.com/upload/GMU8n0d0g4sfKlD4NYAabJ-L.jpg",
                  "s_pic": "http://jd.itying.com/upload/GMU8n0d0g4sfKlD4NYAabJ-L.jpg_200x200.jpg"
              },
              {
                  "_id": "5a68811a70d8fb0ab4f684de",
                  "title": "Swift ios开发视频教程",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 156,
                  "old_price": "156",
                  "pic": "http://jd.itying.com/upload/aaqJ4TTVpU3sPRqMe2BEn11E.jpg",
                  "s_pic": "http://jd.itying.com/upload/aaqJ4TTVpU3sPRqMe2BEn11E.jpg_200x200.jpg"
              },
              {
                  "_id": "5a68813370d8fb0ab4f684df",
                  "title": "iOS开发快速入门视频教程 ",
                  "cid": "59f1e1ada1da8b15d42234e9",
                  "price": 146,
                  "old_price": "146",
                  "pic": "http://jd.itying.com/upload/d1hnKZ-SL1mInecicZpYOVud.jpg",
                  "s_pic": "http://jd.itying.com/upload/d1hnKZ-SL1mInecicZpYOVud.jpg_200x200.jpg"
              }
          ]
      
      }
  
    }
  
    render(){
      return(
        <div>
           {
             this.state.list.map((c,i)=>{
               return <div key={i} className="list" onClick={()=>{
                 this.props.history.push(`/About/${c.title}/${c.price}/${c.pic}`)
                
               }}>
                 <img src={c.pic}  / >
                   <p>{c.title}</p>
                   <p>{c.price}</p>
                 

               </div>
             })
           }
          
        </div>
      )
    }
  
    
  
  
  
  
  }
  
  export default Home;